<template>
	<div>
		<com-header :title="title"></com-header>
		<com-content :hasHeader="true">
			<p>vuex的lon值:{{lontitude}}</p>
			<p>vuex的lat值:{{latitude}}</p>
		</com-content>
	</div>
</template>

<script>
	import Vuex from 'vuex'
	//console.log(Vuex.mapState)
	
	export default {
		data(){
			return {
				title: "订单"
			}
		},
		
		//将全局属性转为局部属性
		//数组写法
//		computed:{
//			lon(){
//				return this.$store.state.lon;
//			},
//			lat(){
//				return this.$store.state.lat;
//			}
//		},
		//相当于上面写的计算属性
		//computed: Vuex.mapState(["lon","lat"]),
		
		//对象写法
//		computed:{
//			lontitude(){
//				return this.$store.state.lon;
//			},
//			latitude(){
//				return this.$store.state.lat;
//			}
//		},
		//相当于上面写的计算属性
		computed: Vuex.mapState({
			lontitude: state=>state.lon,
			latitude: state=>state.lat
		}),
		
		//created也可以访问到
		created(){
			console.log(this.lontitude)
			console.log(this.latitude)
		}
	}
</script>

<style>
</style>